<template>
	<div class="icon-body">
		<el-input v-model="search" placeholder="搜索" class="mb-10"></el-input>
		<div class="icon-list">
			<span
				:class="`icon-item ${active == item ? 'active' : ''}`"
				v-for="(item, index) in iconList"
				:key="index"
				v-show="!search || item!.includes(search)"
				@click="selectedIcon(item)"
			>
				<i :class="`icon-select iconfont ${item}`" />
			</span>
		</div>
	</div>
</template>

<script setup lang="ts" name="IconSelect">
const icons = [
	"iconmaximize",
	"icongit-merge1",
	"iconfolder",
	"iconlayout-11",
	"icongit-branch",
	"iconinfo1",
	"icongit-merge",
	"iconimage1",
	"iconlock",
	"iconlayout-21",
	"iconmore-vertical",
	"icongrid1",
	"iconlink",
	"iconlink-21",
	"iconmessage-square",
	"iconlayout1",
	"iconlayout-2",
	"iconlife-buoyhelp1",
	"iconmoon",
	"icongit-pull-request1",
	"iconpause",
	"iconlock1",
	"iconminus-square",
	"iconlist1",
	"iconmap-pin",
	"iconlog-out1",
	"iconminimize-2",
	"iconlayers1",
	"iconmic",
	"iconlivesupportagentheadset",
	"iconchevron-left",
	"iconlog-out-11",
	"iconminus",
	"iconloader1",
	"iconoctagon",
	"iconlog-out-21",
	"iconpercent",
	"iconmail1",
	"iconphone-missed",
	"iconlog-in1",
	"iconmonitor",
	"iconlink1",
	"iconminus-circle",
	"iconlinkedin1",
	"iconmap",
	"iconmap-pin1",
	"iconinbox",
	"iconmaximize1",
	"iconphone-call",
	"iconinbox1",
	"iconplay",
	"iconmessage-square1",
	"iconmic-off",
	"iconmenu1",
	"iconmusic",
	"iconmaximize-21",
	"iconpackage",
	"iconmessage-circle1",
	"iconplus-square",
	"iconmap1",
	"iconnavigation",
	"iconmic1",
	"iconplus",
	"iconminimize-21",
	"iconphone-forwarded",
	"iconminimize1",
	"iconpause-circle",
	"iconmoon1",
	"iconmove",
	"iconmore-horizontal1",
	"iconplay-circle",
	"iconminus-square1",
	"iconphone-off",
	"iconminus-circle1",
	"iconphone-outgoing",
	"iconmore-vertical1",
	"iconplus-circle",
	"iconnavigation1",
	"iconphone-incoming2",
	"iconpause1",
	"iconmore-horizontal",
	"iconminus1",
	"iconlog-out",
	"iconmove1",
	"iconrefresh-ccw",
	"iconpackage1",
	"iconrotate-cw",
	"iconphone1",
	"iconscissors",
	"iconoctagon1",
	"iconrepeat",
	"iconphone-call1",
	"iconprinter",
	"iconmusic1",
	"iconrewind",
	"iconmic-off1",
	"iconpaperclip",
	"iconphone-incoming4",
	"iconpocket",
	"iconmonitor1",
	"iconpower",
	"iconphone-missed1",
	"iconphone",
	"iconphone-incoming3",
	"iconpie-chart",
	"iconplay1",
	"iconsettings",
	"iconplus1",
	"iconsearch",
	"iconphone-outgoing1",
	"iconserver",
	"iconpie-chart1",
	"iconshield-off",
	"iconplus-circle1",
	"iconshare",
	"iconpaperclip1",
	"iconradio",
	"iconplay-circle1",
	"iconslash",
	"iconpause-circle1",
	"iconrotate-ccw",
	"iconpocket1",
	"iconsend",
	"iconpower1",
	"iconphone-incoming2-1",
	"iconphone-off1",
	"iconshopping-bag",
	"iconprinter1",
	"iconskip-back",
	"iconrefresh-cw1",
	"iconrefresh-cw",
	"iconrss1",
	"iconsave",
	"iconphone-forwarded1",
	"iconsidebar",
	"iconradio1",
	"iconrss",
	"iconpercent1",
	"iconspeaker",
	"iconsend1",
	"iconstar",
	"iconrepeat1",
	"iconslack",
	"iconrotate-cw1",
	"iconshare-2",
	"iconsearch1",
	"iconsun",
	"iconscissors1",
	"iconsmartphone",
	"iconshare1",
	"iconshield",
	"iconrewind1",
	"iconshopping-cart",
	"iconsave1",
	"iconterminal",
	"iconrefresh-ccw1",
	"iconsquare",
	"iconshopping-bag1",
	"icontrending-down",
	"iconshopping-cart1",
	"iconsliders",
	"iconshare-21",
	"iconsunset",
	"iconskip-forward1",
	"iconskip-forward",
	"iconshield1",
	"icontoggle-right",
	"iconskip-back1",
	"iconstop-circle",
	"iconsmartphone1",
	"icontag",
	"iconstop-circle1",
	"iconthermometer",
	"iconspeaker1",
	"icontwitter",
	"iconshield-off1",
	"icontruck",
	"iconsquare1",
	"icontoggle-left",
	"iconstar1",
	"iconthumbs-down",
	"icontablet1",
	"iconshuffle",
	"iconsliders1",
	"icontablet",
	"iconfilter1",
	"icontrending-up",
	"icongithub1",
	"iconsunrise",
	"iconslack1",
	"icontrash-2",
	"iconthermometer1",
	"iconunlock",
	"icontarget1",
	"icontv",
	"iconterminal1",
	"iconumbrella",
	"icontag1",
	"iconuser-minus",
	"icontrending-up1",
	"icontarget",
	"icontrending-down1",
	"icontriangle",
	"iconitalic1",
	"iconusers",
	"icontwitter1",
	"iconvideo",
	"iconslash1",
	"iconuser",
	"icontoggle-left1",
	"iconvolume",
	"iconsettings1",
	"iconuser-check",
	"iconunlock1",
	"iconunderline",
	"icontrash-21",
	"iconvoicemail",
	"iconsunset1",
	"iconupload",
	"iconthumbs-up1",
	"icontype",
	"icontv1",
	"iconwifi",
	"iconuser-minus1",
	"iconvolume-x",
	"iconsun1",
	"iconthumbs-up",
	"iconrotate-ccw1",
	"iconx",
	"iconunderline1",
	"icontrash",
	"icontrash1",
	"iconuser-x",
	"icontruck1",
	"iconx-circle",
	"iconumbrella1",
	"iconx-squaret",
	"iconuser-check1",
	"iconzap",
	"iconvoicemail1",
	"iconalert-circle",
	"iconyoutube",
	"icontype1",
	"iconairplay",
	"iconvolume-1",
	"iconvolume1",
	"iconalign-center",
	"iconzoom-out",
	"iconshuffle1",
	"iconalign-right",
	"iconwatch",
	"iconuser1",
	"iconalert-triangle",
	"iconlink-2",
	"iconuser-x1",
	"iconalign-justify",
	"iconzap-off",
	"iconvolume-x1",
	"iconalign-left",
	"iconvolume-2",
	"iconwifi1",
	"iconalert-octagon",
	"iconlog-out-1",
	"iconvideo1",
	"iconarrow-down-left",
	"iconzoom-in",
	"iconthumbs-down1",
	"iconanchor",
	"iconminimize",
	"iconvolume-21",
	"iconarchive",
	"iconwifi-off",
	"iconusers1",
	"iconarrow-right",
	"iconwind",
	"iconsunrise1",
	"iconarrow-down-circle",
	"iconvideo-off",
	"iconx-circle1",
	"iconarrow-up",
	"iconnavigation-2",
	"iconupload1",
	"iconactivity",
	"iconuser-plus",
	"iconvolume-11",
	"iconarrow-right-circle",
	"iconairplay1",
	"iconyoutube1",
	"iconarrow-down-right",
	"iconalert-triangle1",
	"iconzap1",
	"iconat-sign",
	"iconalert-circle1",
	"iconx-squaret1",
	"iconbar-chart",
	"iconalign-justify1",
	"iconx1",
	"iconarrow-down-right-1",
	"iconactivity1",
	"iconuser-plus1",
	"iconarrow-up-circle",
	"iconalign-left1",
	"iconserver1",
	"iconannouncementspeaker",
	"iconalert-octagon1",
	"iconvideo-off1",
	"iconarrow-up-left",
	"iconalign-center1",
	"iconwatch1",
	"iconbattery",
	"iconarchive1",
	"iconzoom-in1",
	"iconarrow-down-right-2",
	"iconarrow-down-left1",
	"iconsidebar1",
	"iconarrow-left-circle",
	"iconalign-right1",
	"iconzoom-out1",
	"iconarrow-down",
	"iconarrow-down-right1",
	"iconzap-off1",
	"iconbar-chart-2",
	"iconarrow-left-circle1",
	"icontriangle1",
	"iconbox",
	"iconarrow-up1",
	"iconwind1",
	"iconaward",
	"iconarrow-up-circle1",
	"icontoggle-right1",
	"iconbell-off",
	"iconannouncementspeaker1",
	"iconwifi-off1",
	"iconbell",
	"iconarrow-up-left1",
	"iconarrow-up-right",
	"iconat-sign1",
	"iconbattery-charging",
	"iconarrow-right1",
	"iconcamera",
	"iconarrow-down-circle1",
	"iconcheck",
	"iconarrow-down1",
	"iconcast",
	"iconanchor1",
	"iconchevrons-right",
	"iconbattery1",
	"iconcirclecheckfull",
	"iconaward1",
	"iconbook-open",
	"iconbar-chart1",
	"iconchevrons-down",
	"iconbold1",
	"iconbookmark",
	"iconarrow-up-right1",
	"iconchevron-right",
	"iconarrow-down-right-11",
	"iconbluetooth",
	"iconarrow-left1",
	"iconbriefcase",
	"iconbox1",
	"iconbold",
	"iconbell-off1",
	"iconbook",
	"iconbookmark1",
	"iconchevron-up",
	"iconarrow-right-circle1",
	"iconcloud",
	"iconbook1",
	"iconcheck-circle",
	"iconarrow-down-right-21",
	"iconcheck-square",
	"iconbluetooth1",
	"iconclock",
	"iconbriefcase1",
	"iconchevron-down",
	"iconbattery-charging1",
	"iconchrome",
	"iconcheck-square1",
	"iconcamera-off",
	"iconcamera1",
	"iconcompass",
	"iconcheck1",
	"iconchevrons-left",
	"iconcalendar1",
	"iconchevrons-up",
	"iconchevron-left1",
	"iconcloud-lightning",
	"iconcamera-off1",
	"iconcircleradioselectedsolid",
	"iconbell1",
	"iconcorner-right-up",
	"iconbar-chart-21",
	"iconcorner-down-right",
	"iconchevron-down1",
	"iconcloud-rain",
	"iconcircle1",
	"iconcloud-drizzle",
	"iconchevron-up1",
	"iconcircle",
	"iconbook-open1",
	"iconcorner-up-left",
	"iconchevrons-right1",
	"iconclipboard",
	"iconchevrons-down1",
	"icondisc",
	"iconcheck-circle1",
	"iconcredit-card",
	"iconcast1",
	"iconcorner-down-left",
	"iconclipboard1",
	"iconcodepen",
	"iconchevrons-left1",
	"iconcorner-left-down",
	"iconclock1",
	"iconcrop",
	"iconcloud-drizzle1",
	"iconcorner-left-up",
	"iconcloud-lightning1",
	"iconcode",
	"iconcirclecheckfull1",
	"iconedit-3",
	"iconchevrons-up1",
	"iconcorner-right-down",
	"iconcommand1",
	"icondroplet",
	"iconcorner-left-up1",
	"iconcpu",
	"iconchrome1",
	"icondownload",
	"iconcircleradioselectedsolid1",
	"iconfast-forward",
	"iconcorner-down-left1",
	"iconfile-plus",
	"iconcopy",
	"icondelete",
	"iconcorner-right-up1",
	"iconcorner-up-right",
	"iconcloud1",
	"icondownload-cloud",
	"iconcloud-off1",
	"iconflag",
	"iconchevron-right1",
	"iconeye",
	"iconcloud-rain1",
	"iconedit",
	"iconcorner-up-right1",
	"iconedit-2",
	"iconcode1",
	"iconcalendar",
	"iconcorner-down-right1",
	"iconcloud-off",
	"iconcorner-left-down1",
	"iconexternal-link",
	"iconcrosshair1",
	"iconcrosshair",
	"iconcorner-up-left1",
	"icondatabase",
	"iconcodepen1",
	"icongitlab",
	"icondownload1",
	"iconeye-off",
	"icondollar-sign1",
	"icongift",
	"iconedit1",
	"iconfeather",
	"iconcredit-card1",
	"iconfacebook",
	"iconcompass1",
	"iconfile-minus",
	"icondatabase1",
	"iconfolder-minus",
	"icondisc1",
	"iconcommand",
	"iconcpu1",
	"icondollar-sign",
	"iconcrop1",
	"icongit-pull-request",
	"icondelete1",
	"iconinfo",
	"iconexternal-link1",
	"iconhome",
	"iconeye1",
	"icongit-commit",
	"icondownload-cloud1",
	"iconarrow-left",
	"icondroplet1",
	"icongrid",
	"iconedit-31",
	"iconfilter",
	"iconfast-forward1",
	"iconfile",
	"iconfile1",
	"iconlayout-1",
	"iconeye-off1",
	"iconfile-text",
	"iconfeather1",
	"icongithub",
	"iconfolder1",
	"iconfolder-plus",
	"icongit-commit1",
	"iconlayers",
	"iconedit-21",
	"iconlist",
	"iconfolder-minus1",
	"iconhard-drive",
	"iconcorner-right-down1",
	"iconhashtag",
	"iconfile-plus1",
	"iconinstagram",
	"iconfacebook1",
	"iconheadphones",
	"icongitlab1",
	"iconlife-buoyhelp",
	"iconfile-minus1",
	"iconhelp-circle",
	"iconflag1",
	"iconglobe",
	"icongit-branch1",
	"iconloader",
	"iconfile-text1",
	"iconimage",
	"iconhashtag1",
	"iconmenu",
	"iconfolder-plus1",
	"iconmail",
	"iconglobe1",
	"iconlayout",
	"iconheadphones1",
	"iconitalic",
	"iconhard-drive1",
	"iconlog-in",
	"iconhome1",
	"iconlinkedin",
	"iconhelp-circle1",
	"iconfilm",
	"icongift1",
	"iconmessage-circle",
	"iconinstagram1",
	"iconmaximize-2",
	"iconfilm1",
	"iconlog-out-2",
	"iconheart",
	"iconbx-bookmark-minus",
	"iconbx-notepad",
	"iconbx-calculator",
	"iconbx-note",
	"iconbx-calendar-alt",
	"iconbx-run",
	"iconbx-calendar-check",
	"iconbx-mail-send",
	"iconbx-calendar-minus",
	"iconbx-pie-chart",
	"iconbx-calendar-event",
	"iconbx-microphone-off",
	"iconbx-bus",
	"iconbx-planet",
	"iconbx-calendar-plus",
	"iconbx-microphone",
	"iconbx-camera-off",
	"iconbx-pin",
	"iconbx-camera",
	"iconbx-layout",
	"iconbx-cake",
	"iconbx-left-arrow-alt",
	"iconbx-calendar-x",
	"iconbx-left-arrow-circle",
	"iconbx-calendar",
	"iconbx-horizontal-center",
	"iconbx-caret-down",
	"iconbx-shape-square",
	"iconbx-card",
	"iconbx-shekel",
	"iconbx-car",
	"iconbx-shield-alt-2",
	"iconbx-caret-up",
	"iconbx-shield-alt",
	"iconbx-carousel",
	"iconbx-show",
	"iconbx-caret-left",
	"iconbx-shield",
	"iconbx-caret-right",
	"iconbx-shape-circle",
	"iconbx-cast",
	"iconbx-skip-next",
	"iconbx-captions",
	"iconbx-shuffle",
	"iconbx-bug",
	"iconbx-reply",
	"iconbx-cart-alt",
	"iconbx-sidebar",
	"iconbx-cart",
	"iconbx-sitemap",
	"iconbx-chalkboard",
	"iconbx-skip-next-circle",
	"iconbx-chevron-left",
	"iconbx-repost",
	"iconbx-chevron-down",
	"iconbx-sleepy",
	"iconbx-check-shield",
	"iconbx-slider",
	"iconbx-checkbox-checked",
	"iconbx-reset",
	"iconbx-chevron-right",
	"iconbx-undo",
	"iconbx-check-circle",
	"iconbx-slider-alt",
	"iconbx-check",
	"iconbx-sort-a-z",
	"iconbx-chat",
	"iconbx-image-alt",
	"iconbx-chevrons-down",
	"iconbx-slideshow",
	"iconbx-chevron-up",
	"iconbx-smile",
	"iconbx-chip",
	"iconbx-notification",
	"iconbx-clinic",
	"iconbx-paint-roll",
	"iconbx-chevrons-up",
	"iconbx-package",
	"iconbx-circle",
	"iconbx-palette",
	"iconbx-chevrons-right",
	"iconbx-paper-plane",
	"iconbx-clipboard",
	"iconbx-joystick-button",
	"iconbx-chevrons-left",
	"iconbx-rewind-circle",
	"iconbx-cloud-drizzle",
	"iconbx-rewind",
	"iconbx-cloud-download",
	"iconbx-paste",
	"iconbx-cloud-light-rain",
	"iconbx-right-indent",
	"iconbx-code-curly",
	"iconbx-volume-full",
	"iconbx-cloud",
	"iconbx-pencil",
	"iconbx-cloud-snow",
	"iconbx-rocket",
	"iconbx-cloud-lightning",
	"iconbx-right-top-arrow-circle",
	"iconbx-code-block",
	"iconbx-station",
	"iconbx-code",
	"iconbx-stats",
	"iconbx-cloud-rain",
	"iconbx-star",
	"iconbx-coffee",
	"iconbx-rotate-left",
	"iconbx-cloud-upload",
	"iconbx-rotate-right",
	"iconbx-code-alt",
	"iconbx-log-out",
	"iconbx-collapse",
	"iconbx-store-alt",
	"iconbx-check-square",
	"iconbx-sort-down",
	"iconbx-cog",
	"iconbx-store",
	"iconbx-comment",
	"iconbx-subdirectory-left",
	"iconbx-confused",
	"iconbx-selection",
	"iconbx-conversation",
	"iconbx-subdirectory-right",
	"iconbx-command",
	"iconbx-map-alt",
	"iconbx-columns",
	"iconbx-street-view",
	"iconbx-copy",
	"iconbx-select-multiple",
	"iconbx-copy-alt",
	"iconbx-purchase-tag",
	"iconbx-collection",
	"iconbx-server",
	"iconbx-compass",
	"iconbx-send",
	"iconbx-comment-dots",
	"iconbx-pulse",
	"iconbx-copyright",
	"iconbx-minus-circle",
	"iconbx-closet",
	"iconbx-minus",
	"iconbx-cool",
	"iconbx-purchase-tag-alt",
	"iconbx-crop",
	"iconbx-terminal",
	"iconbx-credit-card",
	"iconbx-target-lock",
	"iconbx-cube-alt",
	"iconbx-tennis-ball",
	"iconbx-crosshair",
	"iconbx-tag",
	"iconbx-crown",
	"iconbx-task",
	"iconbx-customize",
	"iconbx-taxi",
	"iconbx-cuboid",
	"iconbx-text",
	"iconbx-cut",
	"iconbx-test-tube",
	"iconbx-detail",
	"iconbx-radio",
	"iconbx-data",
	"iconbx-shape-triangle",
	"iconbx-desktop",
	"iconbx-radio-circle",
	"iconbx-dialpad-alt",
	"iconbx-reply-all",
	"iconbx-devices",
	"iconbx-receipt",
	"iconbx-cylinder",
	"iconbx-moon",
	"iconbx-dislike",
	"iconbx-underline",
	"iconbx-diamond",
	"iconbx-restaurant",
	"iconbx-directions",
	"iconbx-revision",
	"iconbx-disc",
	"iconbx-up-arrow-alt",
	"iconbx-dna",
	"iconbx-upvote",
	"iconbx-dock-right",
	"iconbx-unlink",
	"iconbx-dock-bottom",
	"iconbx-usb",
	"iconbx-down-arrow-alt",
	"iconbx-user-check",
	"iconbx-dots-vertical",
	"iconbx-upside-down",
	"iconbx-dots-horizontal-rounded",
	"iconbx-user-minus",
	"iconbx-dollar",
	"iconbx-space-bar",
	"iconbx-dizzy",
	"iconbx-spa",
	"iconbx-dots-vertical-rounded",
	"iconbx-user-plus",
	"iconbx-down-arrow",
	"iconbx-user-voice",
	"iconbx-doughnut-chart",
	"iconbx-paperclip",
	"iconbx-dock-top",
	"iconbx-user-x",
	"iconbx-edit-alt",
	"iconbx-user-circle",
	"iconbx-dock-left",
	"iconbx-paint",
	"iconbx-equalizer",
	"iconbx-volume-low",
	"iconbx-envelope",
	"iconbx-volume",
	"iconbx-duplicate",
	"iconbx-right-down-arrow-circle",
	"iconbx-dumbbell",
	"iconbx-phone-outgoing",
	"iconbx-download",
	"iconbx-walk",
	"iconbx-downvote",
	"iconbx-wallet-alt",
	"iconbx-error-alt",
	"iconbx-ruler",
	"iconbx-error-circle",
	"iconbx-spreadsheet",
	"iconbx-dollar-circle",
	"iconbx-window-open",
	"iconbx-edit",
	"iconbx-square",
	"iconbx-error",
	"iconbx-wallet",
	"iconbx-droplet",
	"iconbx-square-rounded",
	"iconbx-expand",
	"iconbx-window",
	"iconbx-extension",
	"iconbx-windows",
	"iconbx-down-arrow-circle",
	"iconbx-stop-circle",
	"iconbx-fast-forward-circle",
	"iconbx-wink-smile",
	"iconbx-fast-forward",
	"iconbx-stopwatch",
	"iconbx-face",
	"iconbx-wink-tongue",
	"iconbx-exit-fullscreen",
	"iconbx-world",
	"iconbx-filter",
	"iconbx-x-circle",
	"iconbx-filter-alt",
	"iconbx-wrench",
	"iconbx-exit",
	"iconbx-plus-circle",
	"iconbx-football",
	"iconbx-plug",
	"iconbx-fingerprint",
	"iconbx-yen",
	"iconbx-film",
	"iconbx-zoom-out",
	"iconbx-fridge",
	"iconbx-map-pin",
	"iconbx-gift",
	"iconbx-x",
	"iconbx-ghost",
	"iconbx-sad",
	"iconbx-file",
	"iconbx-pyramid",
	"iconbx-file-blank",
	"iconbx-save",
	"iconbx-gas-pump",
	"iconbx-search",
	"iconbx-git-commit",
	"iconbx-laptop",
	"iconbx-git-pull-request",
	"iconbx-message-alt-dots",
	"iconbx-git-compare",
	"iconbx-message-rounded",
	"iconbx-git-branch",
	"iconbx-message-dots",
	"iconbx-git-repo-forked",
	"iconbx-message-rounded-dots",
	"iconbx-git-merge",
	"iconbx-message-square-dots",
	"iconbx-dots-horizontal",
	"iconbx-message-square",
	"iconbx-export",
	"iconbx-support",
	"iconbx-folder-minus",
	"iconbx-message",
	"iconbx-font-size",
	"iconbx-share",
	"iconbx-font-family",
	"iconbx-sync",
	"iconbx-font",
	"iconbx-share-alt",
	"iconbx-food-menu",
	"iconbx-voicemail",
	"iconbx-food-tag",
	"iconbx-line-chart",
	"iconbx-happy",
	"iconbx-right-arrow-circle",
	"iconbx-hdd",
	"iconbx-right-arrow",
	"iconbx-hash",
	"iconbx-volume-mute",
	"iconbx-import",
	"iconbx-time",
	"iconbx-infinite",
	"iconbx-like",
	"iconbx-image-add",
	"iconbx-right-arrow-alt",
	"iconbx-info-circle",
	"iconbx-wifi-off",
	"iconbx-hourglass",
	"iconbx-water",
	"iconbx-font-color",
	"iconbx-link-alt",
	"iconbx-key",
	"iconbx-transfer-alt",
	"iconbx-globe-alt",
	"iconbx-shopping-bag",
	"iconbx-joystick",
	"iconbx-train",
	"iconbx-first-page",
	"iconbx-transfer",
	"iconbx-id-card",
	"iconbx-time-five",
	"iconbx-flag",
	"iconbx-shocked",
	"iconbx-label",
	"iconbx-toggle-left",
	"iconbx-first-aid",
	"iconbx-sort",
	"iconbx-happy-alt",
	"iconbx-window-close",
	"iconbx-happy-beaming",
	"iconbx-trending-up",
	"iconbx-grid-alt",
	"iconbx-trending-down",
	"iconbx-globe",
	"iconbx-radio-circle-marked",
	"iconbx-landscape",
	"iconbx-screenshot",
	"iconbx-folder-open",
	"iconbx-tone",
	"iconbx-last-page",
	"iconbx-zoom-in",
	"iconbx-folder",
	"iconbx-skip-previous-circle",
	"iconbx-layer",
	"iconbx-sun",
	"iconbx-help-circle",
	"iconbx-mobile-vibration",
	"iconbx-hide",
	"iconbx-trash-alt",
	"iconbx-file-find",
	"iconbx-ruble",
	"iconbx-folder-plus",
	"iconbx-upload",
	"iconbx-heart",
	"iconbx-radar",
	"iconbx-mobile-alt",
	"iconbx-trophy",
	"iconbx-history",
	"iconbx-video-recording",
	"iconbx-home-alt",
	"iconbx-list-ol",
	"iconbx-home",
	"iconbx-video",
	"iconbx-italic",
	"iconbx-trash",
	"iconbx-image",
	"iconbx-up-arrow-circle",
	"iconbx-home-circle",
	"iconbx-rss",
	"iconbx-list-ul",
	"iconbx-user",
	"iconbx-hive",
	"iconbx-video-off",
	"iconbx-joystick-alt",
	"iconbx-sort-z-a",
	"iconbx-loader",
	"iconbx-video-plus",
	"iconbx-loader-circle",
	"iconbx-wind",
	"iconbx-images",
	"iconbx-wifi",
	"iconbx-lock-alt",
	"iconbx-search-alt-2",
	"iconbx-play",
	"iconbx-user-pin",
	"iconbx-album",
	"iconbx-lock-open",
	"iconbx-tv",
	"iconbx-align-justify",
	"iconbx-lock-open-alt",
	"iconbx-vertical-center",
	"iconbx-align-left",
	"iconbx-group",
	"iconbx-search-alt",
	"iconbx-align-right",
	"iconbx-male-sign",
	"iconbx-timer",
	"iconbx-alarm-off",
	"iconbx-lock",
	"iconbx-sort-up",
	"iconbx-align-middle",
	"iconbx-play-circle",
	"iconbx-up-arrow",
	"iconbx-alarm-add",
	"iconbx-map",
	"iconbx-question-mark",
	"iconbx-analyse",
	"iconbx-laugh",
	"iconbx-tired",
	"iconbx-add-to-queue",
	"iconbx-menu-alt-right",
	"iconbx-message-alt",
	"iconbx-alarm",
	"iconbx-menu",
	"iconbx-toggle-right",
	"iconbx-adjust",
	"iconbx-memory-card",
	"iconbx-show-alt",
	"iconbx-anchor",
	"iconbx-meh-alt",
	"iconbx-skip-previous",
	"iconbx-arrow-back",
	"iconbx-meh",
	"iconbx-at",
	"iconbx-fullscreen",
	"iconbx-area",
	"iconbx-mobile",
	"iconbx-aperture",
	"iconbx-menu-alt-left",
	"iconbx-archive-out",
	"iconbx-mobile-landscape",
	"iconbx-archive",
	"iconbx-happy-heart-eyes",
	"iconbx-archive-in",
	"iconbx-meh-blank",
	"iconbx-angry",
	"iconbx-mouse",
	"iconbx-award",
	"iconbx-move-horizontal",
	"iconbx-barcode",
	"iconbx-mouse-alt",
	"iconbx-bar-chart-square",
	"iconbx-movie",
	"iconbx-bar-chart-alt",
	"iconbx-move-vertical",
	"iconbx-bar-chart",
	"iconbx-move",
	"iconbx-bar-chart-alt-2",
	"iconbx-pause-circle",
	"iconbx-ball",
	"iconbx-highlight",
	"iconbx-badge",
	"iconbx-music",
	"iconbx-bell-plus",
	"iconbx-pen",
	"iconbx-bell",
	"iconbx-phone",
	"iconbx-battery",
	"iconbx-phone-incoming",
	"iconbx-bell-off",
	"iconbx-phone-call",
	"iconbx-body",
	"iconbx-photo-album",
	"iconbx-block",
	"iconbx-pie-chart-alt",
	"iconbx-bell-minus",
	"iconbx-pie-chart-alt-2",
	"iconbx-bluetooth",
	"iconbx-log-in-circle",
	"iconbx-book-content",
	"iconbx-log-in",
	"iconbx-book-bookmark",
	"iconbx-log-out-circle",
	"iconbx-bolt-circle",
	"iconbx-poll",
	"iconbx-book-open",
	"iconbx-power-off",
	"iconbx-bookmark-plus",
	"iconbx-printer",
	"iconbx-border-bottom",
	"iconbx-polygon",
	"iconbx-book",
	"iconbx-plus",
	"iconbx-border-top",
	"iconbx-left-arrow",
	"iconbx-border-right",
	"iconbx-pound",
	"iconbx-bot",
	"iconbx-left-top-arrow-circle",
	"iconbx-briefcase",
	"iconbx-left-indent",
	"iconbx-briefcase-alt",
	"iconbx-list-check",
	"iconbx-box",
	"iconbx-link-external",
	"iconbx-broadcast",
	"iconbx-headphone",
	"iconbx-brightness-half",
	"iconbx-lira",
	"iconbx-brightness",
	"iconbx-link",
	"iconbx-bug-alt",
	"iconbx-rename",
	"iconbx-brush-alt",
	"iconbx-repeat",
	"iconbx-building",
	"iconbx-redo",
	"iconbx-buildings",
	"iconbx-rectangle",
	"iconbx-building-house",
	"iconbx-left-down-arrow-circle",
	"iconbx-brush",
	"iconbx-navigation",
	"iconbx-bullseye",
	"iconbx-notification-off",
	"iconbx-bulb",
	"iconbx-news",
	"iconbx-buoy",
	"iconbx-list-minus"
];

const search = ref("");
const active = ref("");
const iconList = ref<any>([]);
const emit = defineEmits(["selected"]);

function selectedIcon(name: string) {
	active.value = name;
	emit("selected", name);
}

function reset() {
	iconList.value = icons;
}

defineExpose({
	reset
});
</script>

<style lang="scss" scoped>
.icon-body {
	width: 100%;
	padding: 10px;
	.icon-list {
		height: 400px;
		overflow-y: scroll;
		.icon-select {
			font-size: 30px;
			cursor: pointer;
			&::before {
				margin: 15px;
			}
		}
		div {
			float: left;
			width: 33%;
			height: 30px;
			margin-bottom: -5px;
			line-height: 30px;
		}
		.icon-item:hover {
			background: #f1f1f1;
		}
		.icon-item.active,
		.icon-item:active {
			background: #d5e9ff;
		}
		span {
			display: inline-block;
			overflow: hidden;
			vertical-align: -0.15em;
			fill: currentColor;
		}
	}
}
</style>
